@import (once) "public/variable.less";
.page-user-account{
	.uc-info-l{
		position: relative;
	    width: 100%;
	    padding: 20px;
	    background-color: @bgcolor;
	    box-sizing: border-box;
	}
	.head-photo{
	    width: 100px;
	    height: 100px;
	    margin-right: 10px;
	    position: relative;
	    text-align: center;
	    overflow: hidden;
	    img{
	        width: 100%;
	        height: 100%;
	    }
	    &:hover .block-change{
	        top: 0;
	        -webkit-transition: ease .3s;
	        -moz-transition: ease .3s;
	        -o-transition: ease .3s;
	        transition: ease .3s;
	    }
	    .block-change{
	        position: absolute;
	        top: -100px;
	        left: 0;
	        .change-bg{
	            position: absolute;
	            top: 0;
	            left: 0;
	            width: 100px;
	            height: 100px;
	            background: #000;
	            filter:alpha(opacity=50);
	            -moz-opacity:0.5;
	            -khtml-opacity: 0.5;
	            opacity: 0.5;
	        }
	        .change-photo{
	            width: 70px;
	            position: absolute;
	            top:22px;
	            left: 27px;
	            cursor: pointer;
	            z-index: 99;
	            .iconfont{
	                color:#fff;
	                font-size: 40px;
	            }
	            & p{
	                position: absolute;
	                top:58px;
	                left: 3px;
	                color: #fff;
	                font-size: @fs-middle;
	                line-height: 16px;
	                height: 16px;
	            }
	        }
	    }
	}
	.block-uc-info{
        .user-nickname{
            font-size: 20px;
            margin-bottom: 10px;
        }
        .user-other{
            line-height: 2;
        }
    }
	.brn-setpwd{
		position: absolute;
		right: 20px;
		top: 20px;
	}
	.uc-assets{
		.uc-total-bar{
			width: 100%;
			margin-top: 10px;
			.uc-total-head{
				display: flex;
				font-size: 16px;
				justify-content: space-between;
				a, em{
					color: @bgcolor-theme;
				}
			}
			.total-bar{
				display: flex;
				justify-content: space-between;
				height: 40px;
				line-height: 40px;
				padding: 0 15px;
				background-color: @bgcolor-theme;
				color: #fff;
				margin-top: 15px;
			}
		}
	}
}